@charset "utf-8";
#pro-buy {
  position: relative;
  padding: 36px 0 0;
}
.pro-tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  text-align: center;
  border-bottom: 2px solid #ddd
}
.swiper-pagination-bullet {
  text-align: center;
  display: inline-block;
  width: 100px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  border-radius: 0;
  opacity: 1;
  background-color: transparent;
  border-bottom: 2px solid #ddd
}
.swiper-pagination-bullet-active {
  background-color: transparent;
  border-bottom: 2px solid #e73335;
  color: #e73335
}
.swiper-slide {
  background-color: #fff;
}
.pb-wrap {
  height: 100%;
}
.pb-g {
  height: 50%;
  padding: 1px 0 0;
  position: relative;
}
.pbg-wrap {
  position: relative;
  top: 50%;
  margin: -80px auto 0;
  height: 160px;
  width: 160px;
  border-radius: 50%;
  border: 1px solid #e73335;
  text-align: center;
  overflow: hidden;
}
.pbg-wrap h5{
  font-size: 14px;
  line-height: 14px;
  padding-top: 18px;
  color: #999;
  font-weight: normal
}
.pbg-wrap b{
  display: block;
  font-size: 96px;
  height: 96px;
  line-height: 96px;
  color: #e73335;
  font-weight: normal;
}
.pbg-wrap b i {
  font-size: 20px;
}
.pbg-wrap span {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: #e73335;
  color: #fff;
}
.show-info {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -18px;
  display: block;
  height:36px;
  width:36px;
  z-index:900;
  border-radius: 50%;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  transform:rotate(0deg);
  -ms-transform:rotate(0deg); 	/* IE 9 */
  -moz-transform:rotate(0deg); 	/* Firefox */
  -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
  -o-transform:rotate(0deg); 	/* Opera */
}
.pb-g .si-shut {
  background-color: #e73335;
  border-color: #fff;
  opacity: 1;
  transform:rotate(135deg);
  -ms-transform:rotate(135deg); 	/* IE 9 */
  -moz-transform:rotate(135deg); 	/* Firefox */
  -webkit-transform:rotate(135deg); /* Safari 和 Chrome */
  -o-transform:rotate(135deg); 	/* Opera */
}
.pb-info {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  background: #fff;
  height: 100%;
  width: 100%;
  z-index:899;
}

.pb-info ul {
  margin: 10px auto 0;
  width: 80%;
  overflow: hidden;
  border-top: 1px solid #ddd
}
.pb-info  li {
  position: relative;
  width:50%;
  float: left;
  padding: 26px 0 5px;
  text-align: center;
  font-size: 16px;
  border-bottom: 1px solid #ddd
}
.pb-info  li label {
  position: absolute;
  top: 5px;
  left: 0;
  color: #999;
  display: block;
  width: 100%;
  font-size: 12px;
  text-align: center;
}
.pb-info li b {
  color: #e73335
}

.pb-kc {
  text-align: center;
  font-size: 16px;
}
.pb-buy {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 64px;
}
.pb-buy .tag-list {
  width: 90%;
  margin: 0 auto;
}
.pb-buy .tag-list a {
  width: 25%
}
.pb-buy .tl-cont span {
  padding: 10px 0;
  border-color: #ccc;
  font-size: 16px;
}
.pb-buy .tl-cont .chk span {
  border-color: #e73335
}
.pb-buy .btn {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 200px;
  margin: 0 0 0 -100px
}